{
  "properties" : { },
  "id" : "80100dde95784dd9b727f425c0fddc12",
  "script" : null,
  "groupId" : "f42d1d5eb7e84f4e9bad0fa26372f03a",
  "name" : "line_simple",
  "createTime" : 1752910791870,
  "updateTime" : 1752911795863,
  "lock" : null,
  "createBy" : null,
  "updateBy" : null,
  "path" : "line_simple"
}
================================
<!DOCTYPE html>
<html lang="en" style="height: 100%">

<head>
  <meta charset="utf-8">
</head>

<body style="height: 100%; margin: 0">
  <div id="container" style="height: 100%"></div>
  <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
  <script type="text/javascript">
    var dom = document.getElementById('container');
    var myChart = echarts.init(dom, null, {
      renderer: 'canvas',
      useDirtyRect: false
    });
    var app = {};

    var option = {
      xAxis: {
        type: 'category',
        data: ${ data }.xAxisData
      },
      yAxis: {
        type: 'value'
      },
      series: [
        {
          data: ${ data }.seriesData,
          type: 'line'
        }
      ]
    };
    if (option && typeof option === 'object') {
      myChart.setOption(option);
    }
    window.addEventListener('resize', myChart.resize);
  </script>
</body>
</html>